.home-section {
    text-align: center;
}
.home-section img {
    vertical-align: bottom;
    width: 100%;
    user-select: none;
}
.home-banner {
    position: relative;
    background-image: url('../../img/new/homeweb2/banner2.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
    height: 46rem;
}
.home-banner-mobile {
    position: relative;
}
.link-try {
    position: absolute;
    top: 58.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 52rem;
}
.link-try-mobile {
    position: absolute;
    top: 58.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 52vw;
}
.link-try-web {
    position: absolute;
    top: 75.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 20rem;
}
.img-try-btn {
    border-style: none;
}
.banner-text {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: #EBFCFF;
    font-family: 'PingFangSC Regular';
}
.banner-text1 {
    font-size: 2.12rem;
    font-weight: 400;
}
.banner-text2 {
    margin-top: 1.4rem;
    font-size: 3.125rem;
    font-weight: 400;
}
.banner-text2 a:hover, .banner-text4 a:hover{
    color: #FFFFFF;
    text-decoration-line: underline;
}
.banner-text3 {
    margin-top: 2rem;
    font-size: 1.0625rem;
    font-weight: 400;
}
.banner-text3 p {
    line-height: 0.75rem;
}
.banner-text4 {
    margin-top: 16rem;
    font-size: 1.25rem;
    font-weight: 400;
    color: #FFF;
}
.banner-text5 {
    width: 100%;
    margin-top: 5rem;
    font-size: 0.875rem;
    font-weight: 400;
}
.banner-text6 {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
}
.banner-text6 p {
    line-height: 0.75rem;
}
.banner-download {
    width: 80%;
    background: #FFF;
    height: 10rem;
    color: #258FFC;
    border-radius: 0.625rem;
    box-shadow:0.125rem 0.125rem 0.3125rem #a7a7a7;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.banner-download-link {
    width: 21.5%;
    height: 55%;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-right: 0.0625rem solid #ccc;
}
.banner-download-link:first-child {
    margin-left: 2rem;
}
.banner-download-link:last-child {
    border-right: none;
}
.link-text {
    margin-bottom: 1rem;
}
.link-button
.download-link-img img {
    width: 100%;
    margin-top: 1rem;
}
.download-link-img {
    margin-right: 1rem;
    width: 3.4vw;
    margin-bottom: 0.2rem;
}
.download-link-text {
    margin-bottom: 0.2rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.link-button a {
    padding: 0.3125rem 2.5rem;
    border: 1px solid #258FFC;
    border-radius: 0.875rem;
    line-height: 2.2rem;
}

.link-button a:hover {
    background: #258FFC;
    color: #FFF;
}
.link-button a:active {
    background: #207ad6;
    color: #FFF;
}

.section-solution {
    background: #FFFFFF;
    padding-top: 11rem;
    font-family: 'PingFangSC Regular';
}
.solution-detail {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 5rem;
    padding: 0 8%;
}
.solution-detail:last-child{
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.solution-detail-msg {
    width: 25%;
    float: left;
    padding: 0% 0%;
}
.solution-detail-msg .detail-img img {
    width: 84%;
    box-shadow: 0 0 1px rgb(0, 0, 0)
}
.solution-detail-msg .detail-title {
    font-size: 1.625rem;
    margin-top: 1rem;
    margin-top: 0.8rem;
}

.section-superiority {
    background: #F5F6FA;
    padding-top: 4rem;
    font-family: 'PingFangSC Regular';
}
.section-title {
    font-size: 2.5rem;
    color: #333333;
}
.superiority-detail {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 8rem;
    padding-bottom: 4rem;
}
.superiority-detail-msg {
    width: 25%;
    float: left;
    padding: 0% 5%;
}
.superiority-detail-msg .detail-img img {
    width: 60%;
}
.superiority-detail-msg .detail-title {
    font-size: 1.625rem;
    margin-top: 1rem;
    margin-top: 2.5rem;
}
.superiority-detail-msg .detail-text {
    font-size: 1rem;
    color: #777777;
    text-align: left;
    margin-top: 2.2rem;
    font-weight: 400;
    line-height: 1.8rem;
}
.section-terminal {
    width: 100%;
}
.terminal-half {
    width: 50%;
    float: left;
}
.terminal-half:first-child {
    background: #E0E2F1;
}
.terminal-half:last-child {
    background: #E6EBF5;
}
.terminal-half-title {
    margin-top: 4rem;
    font-size: 2.5rem;
}
.terminal-half:first-child .terminal-half-title {
    text-align: right;
}
.terminal-half:last-child .terminal-half-title {
    text-align: left;
}
.terminal-half-img {
    margin-top: 2rem;
}
.terminal-half-img img {
    width: 80%;
}
.terminal-half-text {
    font-size: 2.125rem;
    font-weight: 100;
    margin: 3vw 0;
}
.section-terminaltwo {
    width: 100%;
    background: #F5F6FA;
    overflow: hidden;
}
.terminaltwo-img {
    margin-top: 4rem;
}
.terminaltwo-img img {
    width: 70%;
}
.terminaltwo-title {
    font-size: 2.125rem;
    font-weight: 100;
    margin-top: 2rem;
}
.terminaltwo-div {
    width: 100%;
    overflow: hidden;
}
.terminaltwo-div-half {
    width: 50%;
    float: left;
}
.terminaltwo-img .terminaltwo-img-img {
    width: 15%;
}
.terminaltwo-title-first {
    font-size: 2.125rem;
    font-weight: 100;
    margin-top: 0;
}
.terminaltwo-title-last {
    font-size: 2.125rem;
    font-weight: 100;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.section-scenes {
    width: 100%;
    background: #FFFFFF;
}
.scenes-title {
    font-size: 2.5rem;
    color: #333333;
    margin-top: 4rem;
}
.scenes-content {
    width: 100%;
    margin-top: 8rem;
    overflow: hidden;
}
.scenes-content-img {
    width: 70%;
    float: left;
}
.scenes-content-img2 {
    width: 60%;
    float: left;
}
.scenes-content-img3 {
    width: 60%;
    float: left;
    margin-top: 3.8vw;
}
.scenes-content-img img {
    width: 80%;
}
.scenes-content-img2 img {
    width: 40%;
}
.scenes-content-img3 img {
    width: 78%;
}
.scenes-content-text {
    width: 30%;
    float: left;
    text-align: left;
    margin-top: 4vw;
    padding-right: 7vw;
}
.scenes-content-text2 {
    width: 40%;
    float: left;
    text-align: left;
    margin-top: 8vw;
    padding-left: 18vw;
}
.scenes-content-text3 {
    width: 40%;
    float: left;
    text-align: left;
    margin-top: 4vw;
    padding-left: 18vw;
}
.content-text-title {
    font-size: 1.625rem;
}
.content-text-text {
    font-size: 1rem;
    font-weight: 400;
    color: #777777;
    margin-top: 2vw;
    margin-bottom: 4vw;
    line-height: 2vw;
}
.scenes-content:last-child {
    margin-bottom: 4vw;
}
.section-case {
    width: 100%;
    background: #F5F6FA;
    overflow: hidden;
}
.case-title {
    font-size: 2.5rem;
    color: #333333;
    margin-top: 4rem;
}
.case-content {
    width: 100%;
    margin-top: 4rem;
    padding: 2vw 4rem;
    overflow: hidden;
    display: flex;
}
.case-content-content {
    width: 23%;
    border: 1px solid #a7a7a7;
    border-radius: 1.125rem;
    overflow: hidden;
    float: left;
    margin: 0 1%;
    flex-grow: 1;
}
.case-content-img {
    position: relative;
}
.content-img-text {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 2.125rem;
    color: #FFFFFF;
}
.case-content-text {
    font-size: 0.875rem;
    color: #777777;
    text-align: left;
    padding: 2vw 1.8vw 0vw 1.8vw;
}
.case-content-text div {
    line-height: 1.8rem;
    text-indent: 2em;
    margin-bottom: 1rem;
}
.section-partner {
    width: 100%;
    background: #F5F6FA;
    overflow: hidden;
}
.partner-title {
    font-size: 2.5rem;
    color: #333333;
    margin-top: 4rem;
}
.partner-img {
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 8rem;
}
.partner-img img {
    width: 64%;
}

@media screen and (max-width: 1024px) {
    .banner-text5 {
        width: 100%;
        margin-top: 5rem;
        font-size: 0.875rem;
        font-weight: 400;
    }
    .banner-download {
        width: 95%;
        background: #FFF;
        height: 10rem;
        color: #258FFC;
        border-radius: 0.625rem;
        box-shadow: 0.125rem 0.125rem 0.3125rem #a7a7a7;
        margin: 0 auto;
        position: relative;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .link-button a {
        font-size: smaller;
        padding: 0.1125rem 0.8rem;
        border: 1px solid #258FFC;
        border-radius: 0.875rem;
        line-height: 2.2rem;
    }
}

.ad-right {
    position: fixed;
    right: 5px;
    top: 55.5%;
}
.ad-right2 {
    position: fixed;
    width: 8vw;
    overflow: hidden;
    right: 5px;
    bottom: 56%;
    text-align: right;
    background: #FFFFFF;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.ad-right2 img {
    width: 8vw;
}
.ad-right2-text {
    margin: -14px 0 5px 0;
    font-size: 0.8rem;
    text-align: center;
}

/* mobile web */
.mbanner-text {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    color: #EBFCFF;
    font-family: 'PingFangSC Regular';
}
.mbanner-text .mbanner-textdiv2 {
    margin-top: 3rem;
    font-size: 4rem;
    font-weight: 400;
    color: #EBFCFF;
    line-height: 7rem;
}
.mbanner-textdiv1 {
    font-size: 7rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
}
.mbanner-textdiv2 {
    margin-top: 3rem;
    font-size: 4rem;
    font-weight: 400;
    color: #333333;
    line-height: 7rem;
}
.mbanner-textdiv3 {
    margin-top: 3rem;
    font-size: 4rem;
    font-weight: 400;
}
.mbanner-textdiv4 {
    margin-top: 10rem;
    font-size: 4rem;
    font-weight: 400;
}
.mbanner-textdiv4 a {
    height: 8rem;
    line-height: 8rem;
    padding: 2.4rem 12rem;
    color: #EBFCFF;
    font-size: 4.5rem;
    background-color: #ff722d;
    border-radius: 3px;
    letter-spacing: 0.5rem;
}
.mbanner-textdiv5 {
    margin-top: 10rem;
    font-size: 4rem;
    font-weight: 400;
}
.mbanner-textdiv6 {
    margin-top: 4rem;
    font-size: 5.2rem;
    font-weight: 400;
    color: #333333;
}
.mbanner-textdiv7 {
    margin-top: 8rem;
    font-size: 6rem;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0.5rem;
}

.mbanner-text2 {
    background-color: #FFFFFF;
    color: #000000;
    padding: 8rem 3% 8rem 3%;
}
.mbanner-text2 .mbanner-textdiv1 {
    font-size: 7rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
}
.mbanner-text2 .mbanner-textdiv2 {
    font-size: 3.8rem;
    font-weight: 400;
    margin-top: 8rem;
    color: #333333;
    line-height: 7rem;
}
.mbanner-text2 .mbanner-textdiv3 {
    margin-top: 8rem;
}

.mbanner-text3 {
    background-color: #f7f7f7;
    color: #000000;
    padding: 8rem 3% 8rem 3%;
}
.mbanner-text3 .mbanner-textdiv1 {
    font-size: 7rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
}
.mbanner-text3 .mbanner-textdiv2 {
    font-size: 3.8rem;
    font-weight: 400;
    margin-top: 8rem;
    color: #333333;
    line-height: 7rem;
}
.mbanner-text3 .mbanner-textdiv4 {
    margin-top: 4rem;
}

.mbanner-detail {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.mbanner-detail-msg {
    width: 50%;
    float: left;
    padding: 0% 5%;
    margin-top: 8rem;
}
.mbanner-detail-msg .detail-img {
    width: 76%;
    margin-left: 12%;
}
.mbanner-detail-msg .detail-title {
    font-size: 5rem;
    font-weight: 500;
    margin-top: 2rem;
}
.mbanner-detail-msg .detail-text {
    font-size: 3.8rem;
    font-weight: 400;
    margin-top: 2rem;
    color: #626061;
}

.mbanner-text4 {
    background-color: #f7f7f7;
    color: #000000;
    padding: 8rem 3% 8rem 3%;
}
.mbanner-text4 .mbanner-textdiv1 {
    font-size: 7rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
}
.mbanner-text4 .mbanner-textdiv2 {
    font-size: 3.8rem;
    font-weight: 400;
    margin-top: 8rem;
    color: #333333;
    line-height: 7rem;
}
.mbanner-text4 .mbanner-textdiv3 {
    margin-top: 8rem;
}


.banner2-text1 {
    font-size: 2.8rem;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.4rem;
    margin-left: 8rem;
    width: 52%;
}
.banner2-text2 {
    font-size: 2.8rem;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.4rem;
    margin-left: 8rem;
    margin-top: 1rem;
    width: 52%;
}
.banner2-text3 {
    font-size: 1.64rem;
    font-weight: 300;
    text-align: left;
    letter-spacing: 0.2rem;
    margin-left: 8rem;
    margin-top: 3rem;
    width: 52%;
}
.banner2-text4 {
    font-size: 1.44rem;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.2rem;
    margin-left: 8rem;
    margin-top: 5rem;
}
.banner2-text4 a:first-child{
    height: 4rem;
    line-height: 4rem;
    padding: 0.8rem 2.6rem;
    color: #EBFCFF;
    font-size: 1.24rem;
    border-radius: 0.3rem;
    border: 0.1rem solid #EBFCFF;
}
.banner2-text4 a:last-child{
    height: 4rem;
    line-height: 4rem;
    padding: 0.8rem 2.6rem;
    color: #EBFCFF;
    font-size: 1.24rem;
    background-color: #ff722d;
    border-radius: 0.3rem;
    border: 0.1rem solid #ff722d;
    margin-left: 4rem;
}
.banner2-text4 a:first-child:hover{
    color: #ff722d;
    border-color: #ff722d;
}
.banner2-text4 a:last-child:hover{
    color: #FFF;
    background-color: #d86025;
}
.banner2-text5{
    position: absolute;
    top: 12%;
    right: 0%;
}
.banner2-text5 img{
    width: 40rem;
    float: right;
    margin-right: 2rem;
}

.mbanner2-textdiv1 {
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
}
.mbanner2-textdiv2 {
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
    margin-top: 2rem;
}
.mbanner2-textdiv3 {
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: 0.2rem;
    margin-top: 9rem;
}
.mbanner2-textdiv4{
    margin-top: 12rem;
}
.mbanner2-textdiv4 a:first-child{
    height: 8rem;
    line-height: 8rem;
    padding: 2.4rem 6rem;
    color: #EBFCFF;
    font-size: 4.5rem;
    border-radius: 3px;
    border: 0.2rem solid #EBFCFF;
    margin-right: 2rem;
}
.mbanner2-textdiv4 a:last-child{
    height: 8rem;
    line-height: 8rem;
    padding: 2.4rem 6rem;
    color: #EBFCFF;
    font-size: 4.5rem;
    background-color: #ff722d;
    border-radius: 3px;
    border: 0.2rem solid #ff722d;
    margin-left: 2rem;
}
.banner2-text6 {
    font-size: 2.4rem;
    font-weight: 300;
    text-align: left;
    letter-spacing: 0.2rem;
    margin-left: 8rem;
    margin-top: 2rem;
    width: 52%;
}